*{
    margin: 0;
    padding: 0;
}

[nz-carousel-content] {
    text-align: center;
    width: 50%;
    height: 100%;
    // background: #364d79;
    animation-direction:alternate;
    animation: bgcChange 4s infinite alternate;

    transition: background 1s;

}
.leftBox:hover{
    cursor: pointer;
}

.leftBox{
    margin: 0;
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    line-height: 100%;
    text-align: center;
}
.rightBox{
    margin: 0;
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    background-color: #fff;
    .goLogo{
        position: absolute;bottom: 20px;width: 80px;left:50%;margin-left: -40px;text-align: center;font-size: 50px;
    }
    .goLogo:hover{
        animation: shak 3s infinite;
        cursor: pointer;
    }
    // .goIndex{
    //     background-color: #fff;position: absolute;bottom: 90px;width: 80px;left:50%;margin-left: -40px;text-align: center;font-size: 50px;
    // }
    // .goLogo:hover .goIndex{
    //     background-color: aqua;
    // }
}

nz-avatar {
    margin-top: 16px;
    margin-right: 16px;
  }
  @keyframes bgcChange {
    0% {
      background-color: #364d79;
    }
    100%{
        background-color: rgb(69, 96, 212);
    }
  }
  @keyframes leftMove{
      0%{transform: translateX(0);}
      100%{transform: translateX(-100%);}
  }
  @keyframes rightMove{
    0%{transform: translateX(0);}
    100%{transform: translateX(100%);}
}
  @keyframes shak{
      0%{transform: translateY(5px)}
      5%{transform: translateY(-5px)}
      10%{transform: translateY(5px)}
      15%{transform: translateY(-5px)}
      20%{transform: translateY(5px)}
      25%{transform: translateY(-5px)}
      30%{transform: translateY(5px)}
      35%{transform: translateY(-5px)}
      40%{transform: translateY(5px)}
      45%{transform: translateY(-5px)}
      50%{transform: translateY(5px)}
      55%{transform: translateY(-5px)}
      60%{transform: translateY(5px)}
      65%{transform: translateY(-5px)}
      70%{transform: translateY(5px)}
      75%{transform: translateY(-5px)}
      80%{transform: translateY(5px)}
      85%{transform: translateY(-5px)}
      90%{transform: translateY(5px)}
      95%{transform: translateY(-5px)}
      100%{transform: translateY(0px)}
  }

  @media screen and (max-width: 950px){

      .leftBox{
          display: none;
      }
      .rightBox{
          width: 100%;
      }

  }

